<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取元素节点</title>
</head>
<body>
<input type="text" id="textId">
<input type="text" class="testClass">
<input type="text" class="textClass">
<input type="text" class="textId" name="textName">
<input type="text" name="textName">
<input type="button" value="测试" id="btn">
</body>
<script type="text/javascript">
    /**
     * 在整个文档中获取元素节点
     * document.getElementById(id) : 通过id属性获取某个元素节点
     * getElementsByClassName(Class) : 通过Class获取元素节点的数组
     * document.getElementsByTagName(标签名); 通过标签名获取元素阶段的数据
     * document.getElementsByName(name); 通过name属性获取元素节点的数据
     */
    var btn = document.getElementById("btn");
    btn.onclick = function () {
        //获取id为testId的元素
        var testId = document.getElementById("textId");
        console.log(testId);
        //获取class为testClass的元素
        var testClass = document.getElementsByClassName("testClass");
        console.log(testClass)
        //获取页面中所有的input元素
        //获取name为testName的元素
    };
</script>
</html>